<div class="tabviewpanel">
    <tabs
        :value="activatedTabViewPanel"
        :animated="false"
        class="tabexppanel"
        name="testtabexpviewtabexppanel"
        @on-click="tabPanelClick($event)"
    >
        <tab-pane
            :index="0"
            name="tabviewpanel2"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel2'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-bug',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel2.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel2 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel2"
    name="tabviewpanel2"  
    ref="tabviewpanel2"
    :expActive="activatedTabViewPanel === 'tabviewpanel2'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel2>
        </tab-pane>
        <tab-pane
            :index="1"
            name="tabviewpanel8"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel8'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-trello',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel8.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel8 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel8"
    name="tabviewpanel8"  
    ref="tabviewpanel8"
    :expActive="activatedTabViewPanel === 'tabviewpanel8'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel8>
        </tab-pane>
        <tab-pane
            :index="2"
            name="tabviewpanel3"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel3'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-stethoscope',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel3.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel3 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel3"
    name="tabviewpanel3"  
    ref="tabviewpanel3"
    :expActive="activatedTabViewPanel === 'tabviewpanel3'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel3>
        </tab-pane>
        <tab-pane
            :index="3"
            name="tabviewpanel4"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel4'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-clipboard',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel4.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel4 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel4"
    name="tabviewpanel4"  
    ref="tabviewpanel4"
    :expActive="activatedTabViewPanel === 'tabviewpanel4'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel4>
        </tab-pane>
        <tab-pane
            :index="4"
            name="tabviewpanel5"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel5'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-file-text-o',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel5.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel5 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel5"
    name="tabviewpanel5"  
    ref="tabviewpanel5"
    :expActive="activatedTabViewPanel === 'tabviewpanel5'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel5>
        </tab-pane>
        <tab-pane
            :index="5"
            name="tabviewpanel6"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel6'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-suitcase',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel6.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel6 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel6"
    name="tabviewpanel6"  
    ref="tabviewpanel6"
    :expActive="activatedTabViewPanel === 'tabviewpanel6'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel6>
        </tab-pane>
        <tab-pane
            :index="6"
            name="tabviewpanel7"
            tab="testtabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel7'].visible"
            :label="(h) =>{
                return h('div', [
                    h('span', $t('entities.product.testtabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel7.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel7 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel7"
    name="tabviewpanel7"  
    ref="tabviewpanel7"
    :expActive="activatedTabViewPanel === 'tabviewpanel7'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel7>
        </tab-pane>
    </tabs>
</div>